<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Van Gogh Stories</title>
    <link rel="stylesheet" href="css/Van Gogh Stories.css">
    <link rel="stylesheet" href="iconfont/iconfont.css">
    <script src="js/Van Gogh Stories.js"></script>
</head>
<body id="mybody">
    <div class="zong">
        <header>
            <div class="nav">
                <ul>
                    <li><a href="index.html" class="underline">Home</a></li>
                    <li><a href="#" class="underline">Tickets & Visit</a></li>
                    <li><a href="Art & Stories.html" class="underline">Art & Stories</a></li>
                    <li><a href="#" class="underline">About</a></li>
                    <li><a href="#" class="underline">Webstore</a></li>
                    <li><a href="#" class="underline">NL | EN</a></li>
                    <li class="iconfont icon-fangdajing" class="underline"></li>
                </ul>
                <img src="imgs/top.webp">
            </div>
        </header>
        <footer>
            <div class="footer-left">
                <h1>Stories</h1>
                <div>
                    How did Vincent van Gogh become a famous <br>
                    artist? What were his dreams and ambitions?<br>
                    Read the stories and find out more.
                </div>
            </div>
            <div class="footer-center">
                    <div class="footer-center-left">
                        <img src="imgs/VG-1.webp">
                        <div class="sleep">
                            <p></p>
                            <p>
                                5x Van Gogh in  <br>
                                Auvers
                            </p>
                            <h1>
                                Discover what Van Gogh <br>
                                created in the final months <br>
                                of his life.<br>
                            </h1>
                            <div>
                                Find out more
                            <div class="iconfont icon-arrowRight"></div>
                            </div>
                        </div>
                        <div class="mask"></div>
                    </div>
                    <div class="footer-center-center">
                        <img src="imgs/VG-2.webp">
                        <div class="sleep">
                            <p>FAQ </p>
                            <p>
                                Where is<br>
                                The  Starry<br>
                                Night?
                            </p>
                            <h1>
                                One of the most asked <br>
                                questions in our museum. <br>
                                Where is this famous <br>
                                Where is this famous  <br>
                                how did it get there?
                            </h1>
                            <div>              
                                Find out more
                            <div class="iconfont icon-arrowRight"></div>
                            </div>
                        </div>
                        <div class="mask"></div>
                    </div>
                    <div class="footer-center-right">
                        <img src="imgs/VG-3.webp">
                        <div class="sleep">
                            <p>In short</p>
                            <p>
                                Van Gogh’s <br>
                                Illness
                            </p>
                            <h1>
                                How did Vincent van Gogh<br>
                                cope with his mental<br>
                                illness? 
                            </h1>
                            <div>
                                Find out more
                            <div class="iconfont icon-arrowRight"></div>
                            </div>
                        </div>
                        <div class="mask"></div>
                    </div>
                </a>
            </div>
            <div class="footer-right">
                <div class="footer-right-top">
                    <p>
                        <a href="#">
                            Discover more</a>
                    </p>
                    <div>
                        <div class="iconfont icon-arrowRight"></div>
                        <a href="Redraw all the views.html">Redraw all the views</a>
                    </div>
                    <div>
                        <div class="iconfont icon-arrowRight"></div>
                        <a href="#">Learn more about Vincent's life</a>
                    </div>
                    <div>
                        <div class="iconfont icon-arrowRight"></div>
                        <a href="#">Frequently Asked Questions about Van Gogh</a>
                    </div>
                    <div>
                        <div class="iconfont icon-arrowRight"></div>
                        <a href="#">Research stories: what paint and canvas tell us</a>
                    </div>
                </div>
            </div>
        </footer>
    </div>
</body>
</html>